<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>Document</title>
</head>

<body>
    <div class="secondBox" style="transform: rotate(1710deg);">
        <div id="sencond1"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(6deg);"
            class=""> 1 秒</div>
        <div id="sencond2"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(0deg);"
            class=""> 2 秒</div>
        <div id="sencond3"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-6deg);"
            class=""> 3 秒</div>
        <div id="sencond4"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-12deg);"
            class=""> 4 秒</div>
        <div id="sencond5"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-18deg);"
            class=""> 5 秒</div>
        <div id="sencond6"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-24deg);"
            class=""> 6 秒</div>
        <div id="sencond7"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-30deg);"
            class=""> 7 秒</div>
        <div id="sencond8"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-36deg);"
            class=""> 8 秒</div>
        <div id="sencond9"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-42deg);"
            class=""> 9 秒</div>
        <div id="sencond10"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-48deg);"
            class=""> 10 秒</div>
        <div id="sencond11"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-54deg);"
            class=""> 11 秒</div>
        <div id="sencond12"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-60deg);"
            class=""> 12 秒</div>
        <div id="sencond13"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-66deg);"
            class=""> 13 秒</div>
        <div id="sencond14"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-72deg);"
            class=""> 14 秒</div>
        <div id="sencond15"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-78deg);"
            class=""> 15 秒</div>
        <div id="sencond16"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-84deg);"
            class=""> 16 秒</div>
        <div id="sencond17"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-90deg);"
            class=""> 17 秒</div>
        <div id="sencond18"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-96deg);"
            class=""> 18 秒</div>
        <div id="sencond19"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-102deg);"
            class=""> 19 秒</div>
        <div id="sencond20"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-108deg);"
            class=""> 20 秒</div>
        <div id="sencond21"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-114deg);"
            class=""> 21 秒</div>
        <div id="sencond22"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-120deg);"
            class=""> 22 秒</div>
        <div id="sencond23"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-126deg);"
            class=""> 23 秒</div>
        <div id="sencond24"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-132deg);"
            class=""> 24 秒</div>
        <div id="sencond25"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-138deg);"
            class=""> 25 秒</div>
        <div id="sencond26"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-144deg);"
            class=""> 26 秒</div>
        <div id="sencond27"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-150deg);"
            class=""> 27 秒</div>
        <div id="sencond28"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-156deg);"
            class=""> 28 秒</div>
        <div id="sencond29"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-162deg);"
            class=""> 29 秒</div>
        <div id="sencond30"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-168deg);"
            class=""> 30 秒</div>
        <div id="sencond31"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-174deg);"
            class=""> 31 秒</div>
        <div id="sencond32"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-180deg);"
            class=""> 32 秒</div>
        <div id="sencond33"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-186deg);"
            class=""> 33 秒</div>
        <div id="sencond34"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-192deg);"
            class=""> 34 秒</div>
        <div id="sencond35"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-198deg);"
            class=""> 35 秒</div>
        <div id="sencond36"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-204deg);"
            class=""> 36 秒</div>
        <div id="sencond37"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-210deg);"
            class=""> 37 秒</div>
        <div id="sencond38"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-216deg);"
            class=""> 38 秒</div>
        <div id="sencond39"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-222deg);"
            class=""> 39 秒</div>
        <div id="sencond40"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-228deg);"
            class=""> 40 秒</div>
        <div id="sencond41"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-234deg);"
            class=""> 41 秒</div>
        <div id="sencond42"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-240deg);"
            class=""> 42 秒</div>
        <div id="sencond43"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-246deg);"
            class=""> 43 秒</div>
        <div id="sencond44"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-252deg);"
            class=""> 44 秒</div>
        <div id="sencond45"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-258deg);"
            class=""> 45 秒</div>
        <div id="sencond46"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-264deg);"
            class=""> 46 秒</div>
        <div id="sencond47"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-270deg);"
            class="NowData"> 47 秒</div>
        <div id="sencond48"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-276deg);"
            class=""> 48 秒</div>
        <div id="sencond49"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-282deg);"
            class=""> 49 秒</div>
        <div id="sencond50"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-288deg);"
            class=""> 50 秒</div>
        <div id="sencond51"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-294deg);"
            class=""> 51 秒</div>
        <div id="sencond52"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-300deg);"
            class=""> 52 秒</div>
        <div id="sencond53"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-306deg);"
            class=""> 53 秒</div>
        <div id="sencond54"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-312deg);"
            class=""> 54 秒</div>
        <div id="sencond55"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-318deg);"
            class=""> 55 秒</div>
        <div id="sencond56"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-324deg);"
            class=""> 56 秒</div>
        <div id="sencond57"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-330deg);"
            class=""> 57 秒</div>
        <div id="sencond58"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-336deg);"
            class=""> 58 秒</div>
        <div id="sencond59"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-342deg);"
            class=""> 59 秒</div>
        <div id="sencond60"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-348deg);"
            class=""> 60 秒</div>
        <div></div>
    </div>
    <div class="minuteBox" style="transform: rotate(258deg);">
        <div id="minute1"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(0deg);">
            1 分</div>
        <div id="minute2"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-6deg);">
            2 分</div>
        <div id="minute3"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-12deg);">
            3 分</div>
        <div id="minute4"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-18deg);">
            4 分</div>
        <div id="minute5"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-24deg);">
            5 分</div>
        <div id="minute6"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-30deg);">
            6 分</div>
        <div id="minute7"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-36deg);">
            7 分</div>
        <div id="minute8"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-42deg);">
            8 分</div>
        <div id="minute9"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-48deg);">
            9 分</div>
        <div id="minute10"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-54deg);">
            10 分</div>
        <div id="minute11"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-60deg);">
            11 分</div>
        <div id="minute12"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-66deg);">
            12 分</div>
        <div id="minute13"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-72deg);">
            13 分</div>
        <div id="minute14"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-78deg);">
            14 分</div>
        <div id="minute15"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-84deg);">
            15 分</div>
        <div id="minute16"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-90deg);">
            16 分</div>
        <div id="minute17"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-96deg);">
            17 分</div>
        <div id="minute18"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-102deg);">
            18 分</div>
        <div id="minute19"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-108deg);">
            19 分</div>
        <div id="minute20"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-114deg);">
            20 分</div>
        <div id="minute21"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-120deg);">
            21 分</div>
        <div id="minute22"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-126deg);">
            22 分</div>
        <div id="minute23"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-132deg);">
            23 分</div>
        <div id="minute24"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-138deg);">
            24 分</div>
        <div id="minute25"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-144deg);">
            25 分</div>
        <div id="minute26"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-150deg);">
            26 分</div>
        <div id="minute27"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-156deg);">
            27 分</div>
        <div id="minute28"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-162deg);">
            28 分</div>
        <div id="minute29"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-168deg);">
            29 分</div>
        <div id="minute30"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-174deg);">
            30 分</div>
        <div id="minute31"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-180deg);">
            31 分</div>
        <div id="minute32"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-186deg);">
            32 分</div>
        <div id="minute33"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-192deg);">
            33 分</div>
        <div id="minute34"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-198deg);">
            34 分</div>
        <div id="minute35"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-204deg);">
            35 分</div>
        <div id="minute36"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-210deg);">
            36 分</div>
        <div id="minute37"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-216deg);">
            37 分</div>
        <div id="minute38"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-222deg);">
            38 分</div>
        <div id="minute39"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-228deg);">
            39 分</div>
        <div id="minute40"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-234deg);"
            class=""> 40 分</div>
        <div id="minute41"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-240deg);"
            class=""> 41 分</div>
        <div id="minute42"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-246deg);"
            class=""> 42 分</div>
        <div id="minute43"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-252deg);"
            class=""> 43 分</div>
        <div id="minute44"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-258deg);"
            class="NowData"> 44 分</div>
        <div id="minute45"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-264deg);">
            45 分</div>
        <div id="minute46"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-270deg);">
            46 分</div>
        <div id="minute47"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-276deg);">
            47 分</div>
        <div id="minute48"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-282deg);">
            48 分</div>
        <div id="minute49"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-288deg);">
            49 分</div>
        <div id="minute50"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-294deg);">
            50 分</div>
        <div id="minute51"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-300deg);">
            51 分</div>
        <div id="minute52"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-306deg);">
            52 分</div>
        <div id="minute53"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-312deg);">
            53 分</div>
        <div id="minute54"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-318deg);">
            54 分</div>
        <div id="minute55"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-324deg);">
            55 分</div>
        <div id="minute56"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-330deg);">
            56 分</div>
        <div id="minute57"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-336deg);">
            57 分</div>
        <div id="minute58"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-342deg);">
            58 分</div>
        <div id="minute59"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-348deg);">
            59 分</div>
        <div id="minute60"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-354deg);">
            60 分</div>
    </div>
    <div class="hourBox" style="transform: rotate(210deg);">
        <div id="hour1"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(0deg);">
            1 时</div>
        <div id="hour2"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-15deg);">
            2 时</div>
        <div id="hour3"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-30deg);">
            3 时</div>
        <div id="hour4"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-45deg);">
            4 时</div>
        <div id="hour5"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-60deg);">
            5 时</div>
        <div id="hour6"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-75deg);">
            6 时</div>
        <div id="hour7"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-90deg);">
            7 时</div>
        <div id="hour8"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-105deg);">
            8 时</div>
        <div id="hour9"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-120deg);">
            9 时</div>
        <div id="hour10"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-135deg);">
            10 时</div>
        <div id="hour11"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-150deg);">
            11 时</div>
        <div id="hour12"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-165deg);">
            12 时</div>
        <div id="hour13"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-180deg);">
            13 时</div>
        <div id="hour14"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-195deg);">
            14 时</div>
        <div id="hour15"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-210deg);"
            class="NowData"> 15 时</div>
        <div id="hour16"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-225deg);">
            16 时</div>
        <div id="hour17"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-240deg);">
            17 时</div>
        <div id="hour18"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-255deg);">
            18 时</div>
        <div id="hour19"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-270deg);">
            19 时</div>
        <div id="hour20"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-285deg);">
            20 时</div>
        <div id="hour21"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-300deg);">
            21 时</div>
        <div id="hour22"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-315deg);">
            22 时</div>
        <div id="hour23"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-330deg);">
            23 时</div>
        <div id="hour24"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-345deg);">
            24 时</div>
    </div>
    <div class="dayBox" style="transform: rotate(11.25deg);">
        <div id="day1"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(0deg);">
            1 日</div>
        <div id="day2"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-11.25deg);"
            class="NowData"> 2 日</div>
        <div id="day3"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-22.5deg);">
            3 日</div>
        <div id="day4"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-33.75deg);">
            4 日</div>
        <div id="day5"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-45deg);">
            5 日</div>
        <div id="day6"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-56.25deg);">
            6 日</div>
        <div id="day7"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-67.5deg);">
            7 日</div>
        <div id="day8"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-78.75deg);">
            8 日</div>
        <div id="day9"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-90deg);">
            9 日</div>
        <div id="day10"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-101.25deg);">
            10 日</div>
        <div id="day11"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-112.5deg);">
            11 日</div>
        <div id="day12"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-123.75deg);">
            12 日</div>
        <div id="day13"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-135deg);">
            13 日</div>
        <div id="day14"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-146.25deg);">
            14 日</div>
        <div id="day15"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-157.5deg);">
            15 日</div>
        <div id="day16"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-168.75deg);">
            16 日</div>
        <div id="day17"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-180deg);">
            17 日</div>
        <div id="day18"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-191.25deg);">
            18 日</div>
        <div id="day19"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-202.5deg);">
            19 日</div>
        <div id="day20"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-213.75deg);">
            20 日</div>
        <div id="day21"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-225deg);">
            21 日</div>
        <div id="day22"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-236.25deg);">
            22 日</div>
        <div id="day23"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-247.5deg);">
            23 日</div>
        <div id="day24"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-258.75deg);">
            24 日</div>
        <div id="day25"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-270deg);">
            25 日</div>
        <div id="day26"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-281.25deg);">
            26 日</div>
        <div id="day27"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-292.5deg);">
            27 日</div>
        <div id="day28"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-303.75deg);">
            28 日</div>
        <div id="day29"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-315deg);">
            29 日</div>
        <div id="day30"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-326.25deg);">
            30 日</div>
        <div id="day31"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-337.5deg);">
            31 日</div>
    </div>
    <div class="mounthBox" style="transform: rotate(210deg);">
        <div id="mounth1"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(0deg);">
            1 月</div>
        <div id="mounth2"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-30deg);">
            2 月</div>
        <div id="mounth3"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-60deg);">
            3 月</div>
        <div id="mounth4"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-90deg);">
            4 月</div>
        <div id="mounth5"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-120deg);">
            5 月</div>
        <div id="mounth6"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-150deg);">
            6 月</div>
        <div id="mounth7"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-180deg);">
            7 月</div>
        <div id="mounth8"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-210deg);"
            class="NowData"> 8 月</div>
        <div id="mounth9"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-240deg);">
            9 月</div>
        <div id="mounth10"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-270deg);">
            10 月</div>
        <div id="mounth11"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-300deg);">
            11 月</div>
        <div id="mounth12"
            style="font-size: 16px;width: 100%;text-align: right;position: absolute;display: inline-block;transform: rotate(-330deg);">
            12 月</div>
    </div>
    <div class="yearBox">2021 年</div>

    <script src="./index.js"></script>
</body>

</html>